﻿<%@ Page Title="" Language="C#" MasterPageFile="~/HomePage.master" AutoEventWireup="true"
    CodeFile="Tintuc-detail.aspx.cs" Inherits="Tintuc_detail" %>
<%@ Import Namespace="AppCommon" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
    <script type="text/javascript" src="<%= Page.ResolveClientUrl("~/js/jquery.scrollbox.js") %>"></script>
    <title><asp:Literal runat="server" ID="litTitlePage" EnableViewState="False" /> | <%= Constants.TITLE_MAIN_PAGE %></title>
    <meta name="description" content="<%= _meta_description %>"/>
    <!--/ facebook meta tag -->
    <meta property="og:title" content="<%= _meta_title %>"/>
    <meta property="og:description" content="<%= _meta_description %>"/>
    <meta property="og:image" content="<%= _meta_image %>"/>
    <meta property="og:url" content="<%= _meta_url %>"/>
    <meta property="og:site_name" content="<%= Constants.TITLE_MAIN_PAGE %>"/>
    <!--/end facebook meta tag -->
    <!-- google plus meta tag -->
    <meta itemprop="name" content="<%= _meta_title %>"/>
    <meta itemprop="description" content="<%= _meta_description %>"/>
    <meta itemprop="image" content="<%= _meta_image %>"/>
    <!--/ end google plus meta tag -->
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div class="row">
        <div class="col-lg-8 col-md-8 col-xs-12">
            <!-- tieu de -->
            <h3>
                <asp:Literal runat="server" ID="litTieude" EnableViewState="False"></asp:Literal>
            </h3>
            <!-- thong tin cap nhat -->
            <p class="gray-color-note">
                <i class="fa fa-calendar"></i> Ngày viết: <asp:Literal runat="server" ID="litNgaycapnhat" EnableViewState="False"></asp:Literal>
                <i class="fa fa-user"></i> Người viết: <asp:Literal runat="server" ID="litTacgia" EnableViewState="False"></asp:Literal>
                <i class="fa fa-eye"></i> Lượt xem: <asp:Literal runat="server" ID="litView" EnableViewState="False"></asp:Literal>
            </p>
            <div class="google-plus-social">
                <!-- Place this tag where you want the +1 button to render. -->                
                <div class="g-plusone" data-size="medium" data-href="<%= linkTintuc %>"></div>
                <a class="fb-like" data-layout="button_count" 
                data-action="like" data-show-faces="true" data-share="true" data-href="<%= linkTintuc %>">                    
                </a>                
                <!-- Place this tag after the last +1 button tag. -->
                <script type="text/javascript">
                    window.___gcfg = { lang: 'vi' };
                    (function () {
                        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
                        po.src = 'https://apis.google.com/js/platform.js';
                        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
                    })();
                </script>
            </div>
            <div class="content-info-tour">
                <asp:Literal runat="server" ID="litNoidung"></asp:Literal>
            </div>
            <p>
                Tags: <asp:Repeater runat="server" ID="repeaterTags">
                          <ItemTemplate>
                              <asp:HyperLink CssClass="label label-danger" runat="server" NavigateUrl='<%# "~/tagged/" + Container.DataItem %>'>
                                  <%# Container.DataItem %>
                              </asp:HyperLink>
                          </ItemTemplate>
                      </asp:Repeater>
            </p>
            <div class="comment-info-tour row">
                <div class="col-md-12">
                    <div class="fb-comments" data-href="<%= linkTintuc %>" data-numposts="10" data-width="630" data-colorscheme="light"></div>
                </div>
            </div>
            <div class="video-album-lienquan">
                <h4>Alubm ảnh liên quan</h4>
                <div id="album-lienquan" class="scroll-img">
                    <ul>                        
                        <li><a href="#" target="_blank"><img src="../Upload/panorama-small/1.jpg"></a></li>                        
                        <li><a href="#" target="_blank"><img src="../Upload/panorama-small/2.jpg"></a></li>
                        <li><a href="#" target="_blank"><img src="../Upload/panorama-small/4.jpg"></a></li>
                        <li><a href="#" target="_blank"><img src="../Upload/panorama-small/3.jpg"></a></li>
                        <li><a href="#" target="_blank"><img src="../Upload/panorama-small/2.jpg"></a></li>
                        <li><a href="#" target="_blank"><img src="../Upload/panorama-small/4.jpg"></a></li>
                        <li><a href="#" target="_blank"><img src="../Upload/panorama-small/3.jpg"></a></li>
                    </ul>
                </div>
                <h4>Video liên quan</h4>
                <div id="video-lienquan" class="scroll-video">                    
                    <ul>                        
                        <li>
                            <object width="320" height="180">
                                <param name="movie" value="https://www.youtube.com/v/M7lc1UVf-VE?version=3"></param>
                                <param name="allowFullScreen" value="true"></param>
                                <param name="allowScriptAccess" value="always"></param>
                                <embed src="https://www.youtube.com/v/YMCS8UwMta4?version=3" type="application/x-shockwave-flash"
                                    allowfullscreen="true" allowscriptaccess="always" width="320" height="180" theme="light"></embed>
                            </object>
                        </li>
                        <li>
                            <object width="320" height="180">
                                <param name="movie" value="https://www.youtube.com/v/M7lc1UVf-VE?version=3"></param>
                                <param name="allowFullScreen" value="true"></param>
                                <param name="allowScriptAccess" value="always"></param>
                                <embed src="https://www.youtube.com/v/uCwN9i-0OdY?version=3" type="application/x-shockwave-flash"
                                    allowfullscreen="true" allowscriptaccess="always" width="320" height="180" theme="light"></embed>
                            </object>
                        </li>
                        <li>
                            <object width="320" height="180">
                                <param name="movie" value="https://www.youtube.com/v/M7lc1UVf-VE?version=3"></param>
                                <param name="allowFullScreen" value="true"></param>
                                <param name="allowScriptAccess" value="always"></param>
                                <embed src="https://www.youtube.com/v/bLHI9oighcw?version=3" type="application/x-shockwave-flash"
                                    allowfullscreen="true" allowscriptaccess="always" width="320" height="180" theme="light"></embed>
                            </object>
                        </li>
                        <li>
                            <object width="320" height="180">
                                <param name="movie" value="https://www.youtube.com/v/M7lc1UVf-VE?version=3"></param>
                                <param name="allowFullScreen" value="true"></param>
                                <param name="allowScriptAccess" value="always"></param>
                                <embed src="https://www.youtube.com/v/M7lc1UVf-VE?version=3" type="application/x-shockwave-flash"
                                    allowfullscreen="true" allowscriptaccess="always" width="320" height="180" theme="light"></embed>
                            </object>
                        </li>
                        <li>
                            <object width="320" height="180">
                                <param name="movie" value="https://www.youtube.com/v/M7lc1UVf-VE?version=3"></param>
                                <param name="allowFullScreen" value="true"></param>
                                <param name="allowScriptAccess" value="always"></param>
                                <embed src="https://www.youtube.com/v/M7lc1UVf-VE?version=3" type="application/x-shockwave-flash"
                                    allowfullscreen="true" allowscriptaccess="always" width="320" height="180" theme="light"></embed>
                            </object>
                        </li>
                    </ul>
                </div>
                <p><a href="javascript:void(0)" id="next-video">Next video</a></p>
            </div>
        </div>
        <div class="col-lg-4 col-md-4 col-xs-12">
            <fx:TinTucRight runat="server" />
            <!-- Quang cao 7 -->
            <div class="thumbnail mg-top quang-cao">
                <asp:HyperLink ID="linkQuangcao02" runat="server" NavigateUrl="~/">
                    <asp:Image ID="imgQuangcao02" runat="server" ImageUrl="~/images/quang-cao.png" CssClass="display-100-percent"
                        AlternateText="Quang-cao" />
                </asp:HyperLink>
            </div>
            <!--/ end Quang cao 5 -->
            <fx:TourNoiBat runat="server"/>
            <!-- Quang cao 8 -->
            <div class="thumbnail mg-top quang-cao">
                <asp:HyperLink ID="linkQuangcao08" runat="server" NavigateUrl="~/">
                    <asp:Image ID="imgQuangcao08" runat="server" ImageUrl="~/images/quang-cao.png" CssClass="display-100-percent"
                        AlternateText="Quang-cao" />
                </asp:HyperLink>
            </div>
            <!--/ end Quang cao 5 -->
        </div>
    </div>
    <script type="text/javascript">
        $('#vyc-detail a').click(function (e) {
            e.preventDefault();
            $(this).tab('show');
        });

        $('#album-lienquan').scrollbox({
            direction: 'h',
            distance: 140
        });
        $('#video-lienquan').scrollbox({
            direction: 'h',
            distance: 140,
            autoPlay: false
        });
        $('#next-video').off("click").on("click", function () {
            $('#video-lienquan').trigger('forward');
        });
    </script>
</asp:Content>
